<%--
  Created by IntelliJ IDEA.
  User: Love
  Date: 2024/6/24
  Time: 11:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
    <meta charset="UTF-8">
    <link href="${pageContext.request.contextPath}/statics/css/eui/index.css" rel="stylesheet">
</head>
<style>
    #head1{
        color: white;
        position: absolute;
        left: 18px;
        top: 10px;
        font-size: 16px;
        font-weight: 800;
    }
    .el-dropdown-link {
        cursor: pointer;
        color: #409EFF;
    }
    .el-icon-arrow-down {
        font-size: 12px;
    }
    #iframe{
        width: 100%;
        height: 600px;
        border: 0 white;
    }
</style>
<!-- 引入JS文件 -->
<script src="${pageContext.request.contextPath}/statics/vue/vue.js"></script>
<script src="${pageContext.request.contextPath}/statics/vue/index.js"></script>
<script src="${pageContext.request.contextPath}/statics/vue/axios.min.js"></script>
<body>
<div id="app">

    <el-container style="height: 500px">

        <el-header style="text-align: right; font-size: 12px;background-color: #468cff">
            <span id="head1">手游平台后台管理</span>
            <span style="color: white;font-size: 14px;cursor: pointer;height: 12px;line-height: 50px" @click="out">注销</span>
        </el-header>


        <el-container>
            <el-aside width="200px">
                <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
                    <el-menu :default-openeds="['1', '3']">
                        <el-submenu index="1">
                            <template slot="title"><i class="el-icon-eleme"></i>手游平台</template>
                            <el-menu-item-group>
                                <el-menu-item style="color: #409EFF"  index="1-1">
                                    <i class="el-icon-menu" @click="view" style="transform: translateY(-2px);color: #409EFF"></i>手游管理</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                    </el-menu>
                </el-aside>
            </el-aside>

            <el-main height="100%">
                <iframe :src="url" id="iframe"></iframe>
            </el-main>

        </el-container>
    </el-container>

</div>
</body>
</html>
<script>
    new Vue({
        el: "#app",
        methods: {
            out(){
              window.location.href='/out'
            },

            view(){
                this.url = '/appInfo/view'
            }
        },
        data() {
            return {
                url:""
            }
        }
    });
</script>
